<template>
  <div class="order-page">
    <headBar  isBack="show">
      <div slot="xm-header-center">
        <div class="xm-header-title" >采购单</div>
      </div>
      <div slot="xm-header-right"></div>
    </headBar>
    <div class="tip" v-show="isTip">
      <p>采购不通过，备注备注备注备注备注备注</p>
      <span class="close icon icon-close" @click="showTip"></span>
    </div>
    <div class="select-all flex">
      <input type="checkbox" class="icon select" @click="selectAll" ref="all"> <span>全选</span>
    </div>
    <div class="purchase-list">
      <div class="flex flex-align-center">
        <input  type="checkbox" class="icon select">
        <div class="order-group">
          <div class="flex flex-pack-justify consignee-info">
            <div>收货人：杜云三</div>
            <div>18716243678</div>
          </div>
          <p class="address-info border-bottom">收货地址：重庆市江北区金源路12号1901重庆市江北区金源路12号1901重庆市江北区金源路12号1901</p>
          <div class="order-info border-bottom">
            <p class="flex flex-pack-justify">
              <span>总价：<i class="price">￥2460.00</i></span> <span>商品种类：10种</span>
            </p>
            <p class="flex flex-pack-justify">
              <span>子账号：解放碑3店 张飞牛肉旗舰店</span>
              <router-link to="/purchase/detail" class="detail" href="javascript:;">详细</router-link>
            </p>
          </div>
          <div class="order-opt">
            <span class="delete border-1px" @click="deleteOrder">删除</span>
          </div>
        </div>
      </div>
    </div>
    <div class="opt-group flex border-top border-bottom">
      <p class="total-money price  flex-1">总金额：<i class="color-1">￥12323233.44</i></p>
      <div class="sub-order btn3">提交采购申请</div>
    </div>
    <footBar curPage="order"></footBar>
  </div>
</template>
<script>
  export default {
    props: {},
    data() {
      return {
          isTip: true
      };
    },
    methods: {
      showTip(){
          this.isTip = false;
      },
      deleteOrder(){
        MessageBox.confirm('确定执行此操作?').then(action => {
          console.log(action);
        }).catch(cancel =>{
          console.log(cancel);
        });
      }
    },
    filters: {},
    created() {

    },
    mounted(){

    },
    components: {
    }
  };
</script>
<style lang="less">
  @import "./purchase.less";
</style>
